$(function () {
    // params参数
    let params = {
        // 搜索关键词,为空返回某类型所有文章
        key: '',
        // 文章类型id,为空返回所有类型文章
        type: '',
        // 文章状态,为空返回所有状态文章
        state: '',
        // 当前页,为空返回第一页
        page: '',
        // 每页显示条数,默认6条
        perpage: ''
    }

    // 文章搜索函数
    articleQuery()
    function articleQuery() {
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/article/query',
            data: params,
            headers: { Authorization: localStorage.getItem('token') },
            success(res) {
                console.log(res)
                if (res.code === 200) {
                    let html = template('trTemp', res)
                    $('tbody').html(html)
                    let totalCount = res.data.totalCount
                    renerPager(totalCount)
                } else {
                    console.log(res.msg)
                }
            }
        })
    }
    //以下是文章搜索接口返回的数据
    // totalCount:数据总条数
    // totalPage:总页数
    // data:文章数据数组

    //layui 分页组件,动态渲染pager
    function renerPager(totalCount) {
        let laypage = layui.laypage
        laypage.render({
            elem: 'pager', //目标位置
            curr: params.page,    //当前页:参数值
            count: totalCount,    //总条数
            limit: 10,
            jump(obj, first) {    //切换分页回调函数
                //obj包含了当前分页的所有参数，比如：
                console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                console.log(obj.limit); //得到每页显示的条数
                if (!first) {
                    params.page = obj.curr
                    articleQuery()
                }
            },
        })
    }
})